<template>
    <!-- 顶部导航栏 -->
    <DetailsNavbar></DetailsNavbar>
    <!-- 轮播图 -->
    <DetailsSwipe :id="id"></DetailsSwipe>
    <!-- 底部动作栏 -->
    <DetailsActionBar :id="id"></DetailsActionBar>
</template>
<script lang='ts' setup>
import { ref } from 'vue'
// 引入子组件
import DetailsNavbar from '@/components/details/DetailsNavbar.vue'
import DetailsSwipe from '@/components/details/DetailsSwipe.vue'
import DetailsActionBar from '@/components/details/DetailsActionBar.vue';
// 引入创建当前组件路由对象的方法
import { useRoute } from 'vue-router';
const route = useRoute()
// console.log(route.params.id);
let proid: any = route.params.id
const id = ref<string>(proid)

</script>
<style scoped>

</style>
